<template>
	<view>
		<basetab name='直播关注'></basetab>
		<view class="pageView">
			<view v-if="list.length>=1" v-for="(item,index) in list"  :key="index"   class="fr-b-c m-b-20" style="width: 682rpx; padding: 22rpx 0; background-color: #fff; border-bottom: 2rpx solid rgba(204, 204, 204, 1) ; ">
				<view class="fr-c" >
					<view style="position: relative;" >
						<image style="width: 120rpx;height: 100rpx;" src="../../static/logo.png" mode=""></image>
						<image style="width: 80rpx; height: 24rpx;position: absolute; top: 0; left: 0;" src='../../static/my/路径 1.png' mode=""></image>
						<text class="s2">正在直播</text>
					</view>
					<view class="m-l-20 s1">
						主播名称主播名称
					</view>
				</view>
				<view class="but">
					取消关注
				</view>
			</view>
		</view>
		<view  v-if="!list.length>=1" class="fr-c-d">
		
			<view style="margin-bottom: 80rpx;margin-top: 380rpx;">
				<image style="width: 200rpx; height: 190rpx;" src='../../static/my/缺省页_暂无审批.png' mode=""></image>
			</view>
			<view style="font-size: 24rpx;font-weight: 400;color: rgba(204, 204, 204, 1);">
				小主，您还没有任何的关注哦
			</view>
		</view>
	</view>
</template>

<script>
	import basetab from '../../componets/bartop.vue'
	export default {
		components:{
		
			basetab
		
		},
		data() {
			return {
				list:[
					{
						name:1,
					},
					{
						name:1,
					},
					{
						name:1,
					}
					
					
				]
			};
		}
	}
</script>

<style lang="scss">
.s1{
	font-size: 24rpx;
	font-weight: 500;
	letter-spacing: 0px;
	line-height: 0px;
	color: rgba(102, 102, 102, 1);
}
	.s2{
		position: absolute; 
		top: 12rpx;
		left: 15rpx;
		font-size: 12rpx;
		font-weight: 400;
		letter-spacing: 0px;
		line-height: 0px;
		color: rgba(255, 255, 255, 1);
	}
.but{
	width: 160rpx;
	height: 50rpx;
	opacity: 1;
	border-radius: 200rpx;
	background: linear-gradient(270deg, rgba(255, 101, 61, 1) 0%, rgba(255, 136, 0, 1) 100%);
	font-size: 24rpx;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 50rpx;
	color: rgba(255, 255, 255, 1);
	text-align: center;
}
</style>
